<template>
  <div class="goodsinfo-content">
    <div class="shop-list">
     
     <mt-swipe :auto="3000" :speed="600">
      <mt-swipe-item></mt-swipe-item>
      <mt-swipe-item></mt-swipe-item>
      <mt-swipe-item></mt-swipe-item>
    </mt-swipe>


      <div class="shop-power">
        <h4>我是小米</h4>
        <p>
          <span class="old-price">市场价：￥9999</span>
          <span style="color:red">销售价：￥1999</span>
        </p>
        <p>
          <span>购买数量</span>
          <span>剩余100件</span>
        </p>
      </div>

      <div class="goods-par">
        <h3>商品参数</h3>
        <hr>
        <p>商品货号：12454154</p>
        <p>库存：2132</p>
        <p>商品货号：sf</p>
        <p>商品货号：dsad</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      id: this.$route.params.id
    };
  },
  methods: {}
};
</script>
 
<style scoped>
.goodsinfo-content {
  padding: 10px;
}
.shop-list div {
  width: 100%;
  border: 1px solid white;
  margin-top: 10px;
  box-shadow: 0 0 8px #999;
}
.old-price{
    text-decoration: line-through;
}
.shop-power p span{
    margin-left: 10px
}
.mint-swipe {
  height: 200px;
}
.mint-swipe-item:nth-child(1) {
  background: url(../../img/1.jpg) no-repeat center center;
  background-size: cover;
}
.mint-swipe-item:nth-child(2) {
  background: url(../../img/2.jpg) no-repeat center center;
  background-size: cover;
}
.mint-swipe-item:nth-child(3) {
  background: url(../../img/3.jpg) no-repeat center center;
  background-size: cover;
}
</style>
